/* ==== v-avatar ==== */

.v-avatar {
  display: inline-block;
  text-align: center;
  background: @avatar-bg;
  color: @avatar-color;
  white-space: nowrap;
  position: relative;
  overflow: hidden;

  .avatar-size(@size, @font-size) {
    width: @size;
    height: @size;
    line-height: @size;
    border-radius: @size / 2;
    & > * {
        line-height: @size;
    }
  }

  .avatar-size(@avatar-size-base, @avatar-font-size-base);
  &-large {
    .avatar-size(@avatar-size-lg, @avatar-font-size-lg);
  }
  &-small {
    .avatar-size(@avatar-size-sm, @avatar-font-size-sm);
  }
  &-square {
    border-radius: @avatar-border-radius;
  }
  & > img {
    width: 100%;
    height: 100%;
  }
}
